<template>
	<view class="xb-page">
		<view class="xb-list">
			<view class="uni-flex uni-column page-contrat-cell" v-for="(item,index) in contractList" :key="index">
				<view class="uni-flex uni-row" style="justify-content: space-between;">
					<view class="page-charge-time">{{item.date}}</view>
					<view class="page-right-arraw">></view>
				</view>
				<view class="uni-flex uni-row" style="justify-content: space-between;">
					<view class="page-times">{{item.times}}课时</view>
					<view class="page-fee">+{{item.times}}</view>
				</view>
				<view class="uni-flex uni-row" style="justify-content: space-between;">
					<view class="page-subject">{{item.sub}}</view>
					<view class="page-buyname">{{item.buyname}}</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	import pageHead from '../../../components/page-head.vue'
	export default {
		data() {
			return {
				formdata{
					pageno:1,
					pagesize:10,
				},

				contractList: [{
					'desc': '',
					'date': '2018-11-25',
					'times': 99,
					'fee': 99,
					'buyname': '绿风',
					'sub': '数学'
				}, {
					'desc': '',
					'date': '2018-11-25',
					'times': 99,
					'fee': 99,
					'buyname': '绿风',
					'sub': '语文'
				}],
			}

		},
		    computed: {
              ...mapGetters([''])
         },
		methods: {
		   ...mapMutations(['']),
            ...mapActions(['']),
			async initData() {
			uni.showNavigationBarLoading();
					const res=await  queryContractPage (formdata);
					if(res.success==true){
				uni.hideNavigationBarLoading();
					}else {
						uni.hideNavigationBarLoading();

					}




			},

		}
	}
</script>

<style scoped >
	@import "../../../common/uni.css";
	@import "../../../common/xb.css";

	.page-charge-time {
		font-size: 30px;
		color: #929292;
	}

	.page-times {
		font-weight: bold;
		color: #000000;
	}

	.page-right-arraw {
		margin-right: 20px;
		color: #929292;
	}

	.page-subject {
		color: #000000;
	}

	.page-contrat-cell {
		color: #FFFFFF;
		height: 170px;
		margin-top: 20px;
	}

	.page-fee {
		color: #000000;
		font-weight: bold;
		margin-right: 20px;
	}

	.page-buyname {
		color: #000000;
		margin-right: 20px;
	}
</style>
